body h1{color:#fff}
.menu_new{position:fixed;z-index:99999;width:100%;bottom:0;left:0;height:55px;background-color:#2b2621;overflow:hidden}
.menu_new .col-xs-3{text-align:center;width:24.33%;float:left;height:55px}
.menu_new .col-xs-3 a{display:block;height:50px;margin:0;padding:0;margin-top:8px;}
.yhxMenulink{overflow:hidden;margin-top:6px;}
.yhxMenulink:hover{text-decoration:none}
.yhxMenulink span{display:block;margin-top:25px;color:#d7d7d7}
.yhxMenulink1{background:url(../img/yhx_menuIco1.png) no-repeat center 2px;}
.yhxMenulink2{background:url(../img/yhx_menuIco2.png) no-repeat center 2px;}
.yhxMenulink3{background:url(../img/yhx_menuIco3.png) no-repeat center 2px;}
.yhxMenulink4{background:url(../img/yhx_menuIco4.png) no-repeat center 2px;}
.yhxMenulink{background-size:18px auto;}
.menu_new .on .yhxMenulink1{background:url(../img/yhx_menuIco1_1.png) no-repeat center 2px;background-size:18px auto}
.menu_new .on .yhxMenulink2{background:url(../img/yhx_menuIco2_2.png) no-repeat center 2px;background-size:18px auto}
.menu_new .on .yhxMenulink3{background:url(../img/yhx_menuIco3_3.png) no-repeat center 2px;background-size:18px auto}
.menu_new .on .yhxMenulink4{background:url(../img/yhx_menuIco4_4.png) no-repeat center 2px;background-size:18px auto}


#nav .navli a:hover{text-decoration:none}
#nav .on_active a:hover{text-decoration:none}

.mui-table-view-cell p{color: black;font-size: 14px;}
tr{height: 60px;}
td{padding-top: 2px;text-align: center;vertical-align: top;background: #fff;font-size: 12px;color: #000;}
.today{background: white;font-weight: bold;border-radius:20px;color: #007aff;}
.focus{background: #ffcd00;font-weight: bold;border-radius:20px;color: #333;}
.YHX_classTab ul li{float:left;width:50%;text-align:center;border-bottom:1px solid #ebebeb;height:45px;line-height:45px;background-color:#d8d8d8;color:#000}
.YHX_classTab ul li.on{border-bottom:1px solid #fff;background-color:#fff}
.YHX_classContent{display:none;width:90%;margin:10px auto 0 auto}
.classNumBlock{border:1px solid #ebebeb;border-radius:5px;padding:5%;background-color:#f2f2f2}
.classNumBlock .text{text-align:right;margin-top:10px}
.YHX_classContent input{border:1px solid #eaeaea;box-shadow:none;background:none;border-radius:5px;height:30px;width:100%;line-height:30px}
.classNumBlock.on{border:1px solid #ffcc00;background-color:#fff}
.classNumBlock .t{background:url(../img/selectClassBtn1.png) no-repeat 0 center;padding-left:16px;background-size:12px 12px}
.YHX_classContent .classNumBlock.on .t{background:url(../img/selectClassBtn2.png) no-repeat 0 center;background-size:12px 12px}
.YHX_classContent ._input{position:relative}
.YHX_classContent ._input label{position:absolute;bottom:-20px;font-size:10px}
.adressRadiu{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #7e7e7e;vertical-align:middle}  
.yhx_bankeList{margin:20px 0}
.yhx_bankeList .row{postion:relative;}
.yhx_bankeList .row .ms{position:absolute;right:0;top:7px}
.yhx_bankeList label{position:absolute;right:0;top:7px}
.yhx_bankeList .row{border-bottom:1px solid #f2f2f2;padding:8px 0;}	
.yhx_bankeList input{border:none;border:0;width:65%}
.yhx_kejieWrap{display:none;width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;z-index:105}
.yhx_enterKj{margin: 20px auto 0 auto;background-color: #fbc400;border-radius: 6px;border: none;color: #000;height: 40px;line-height:40px;text-align:center;}
#addClassNode{margin-top:20px;}

.classTimes .col-xs-2{text-align:center;border-bottom:1px solid #787878;border-left:1px solid #787878}	
.classTimes .last-col-xs-2{border-right:1px solid #787878;}
.classTimes .top-col-xs-2{border-top:1px solid #787878;}
.classTimes .on{background-color:#6699ff}
.classTimes .redOn{background-color:red}
.timeSlecetOk{background-color:#fcc300;height:40px;line-height:40px; text-align:center;margin-top:20px}
.classCalendar{width:100%;height:100%;background-color:#fff;display:none;position:absolute;top:0;left:0;z-index:9999999}
.classNodeWrap{border-bottom:1px solid #ebebeb;padding-bottom:10px;margin-bottom:10px}
.classNode{margin-top:10px}
.classDateInput{ position:absolute;right:5px;top:3px}
#classSelectDate{position:absolute;right:5px;top:3px;z-index:0}

.yhxCourseWrap{display:none;margin:10px 0;padding-bottom:60px}
.yhxCourseWrap .boxli{background-color:#fff;padding:10px 10px 10px 0;position:relative;border-bottom:10px solid #f2f2f2}
.yhxCourseWrap .middleList{margin-top:10px;clear:both}
.yhxCourseWrap .alignRight{text-align:right;float:right}
.yhxCourseWrap .boxli .linkImg{position:absolute;top:20%;right:10px;}
.yhxCourseWrap .completeKeshi{margin-left:20px}

.yhx_rclasstime{display:inline-block;background-color:#fbc400;padding:5px 10px;border-radius:3px}
.yhx_rclasstime_wrap{text-align:center;float:right;}
.yhxAddClassLink{background-color:#fff;height:40px;line-height:40px;text-align:center;}
.yhxAddClassLink a{display:block}
.yhxAddClassLink a span{display:inline-block;background:url(../img/addClassIcon.png) no-repeat 0 center;background-size:20px 20px;padding-left:25px}
.bmks{margin-left:15px}
.yhxCourseWrap .boxdiv11{margin:0;}
.yhxCourseWrap .boxdiv1{width:70%}
.yhxCourseWrap .copInfo{margin-top:8px;line-height:25px}

.techerCenterWrap{background-color:#fff;padding:10px}
.techerCenterWrap li{height:35px;line-height:35px;border-bottom:1px solid #f2f2f2;position:relative;}
.techerCenterWrap li img{position:absolute;right:0;top:-20px}
.techerCenterWrap li a{display:block;margin-left:29px}
.techerCenterWrap li.li1{background:url(../img/teacherCenterico1.png) no-repeat 0 center;background-size:24px 24px;}
.techerCenterWrap li.li2{background:url(../img/teacherCenterico2.png) no-repeat 0 center;background-size:24px 24px;}
.techerCenterWrap li.li3{background:url(../img/teacherCenterico3.png) no-repeat 0 center;background-size:24px 24px;}
.techerCenterWrap li.li4{background:url(../img/teacherCenterico4.png) no-repeat 0 center;background-size:24px 24px;}
.techerCenterWrap li.li5{background:url(../img/teacherCenterico5.png) no-repeat 0 center;background-size:24px 24px;}
.techerCenterWrap li.li6{background:url(../img/teacherCenterico6.png) no-repeat 0 center;background-size:24px 24px;}
.techerCenterWrap li.last{text-align:center;border:none}
.techerCenterWrap li.last a{border:1px solid #f2f2f2;margin:0 auto;border-radius:3px;margin-top:15px;}
/*--��ҳ---*/
.main_visual{overflow:hidden;position:relative;}
.main_image{overflow:hidden;position:relative;height:300px}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;}
.main_image li img{display:block;max-width:100%;width:100%;}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;}
.main_image li .img_1{}
.main_image li .img_2{}
.main_image li .img_3{}
div.flicking_con{position:absolute;top:250px;width:100%;display:block;z-index:999;height:21px; text-align:center}
div.flicking_con a{width:15px;height:15px;margin:0;padding:0;background:url('../img/btn_main_img.png') 0 0 no-repeat;display:inline-block;text-indent:-10000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.techer_index_content{margin-top:15px;background-color:#fff;height:40%}
.techer_index_content p{line-height:23px;margin-top:10px}
.techer_index_content ul{ overflow:hidden;border-top:1px solid #e8e8e8;}
.techer_index_content ul li{float:left;width:33.1%;text-align:center;border-right:1px solid #e8e8e8;padding:2% 0;height:100%}
.techer_index_content ul li p{padding:5px 0}
.techer_index_content ul li .index_l2{font-size:14px;font-weight:600}
.techer_index_content .indexLink1{border-bottom:8px solid #e8e8e8}
.techer_index_content .indexLink2{border-bottom:8px solid #e8e8e8}
.techer_index_content .indexLink3{border-bottom:8px solid #e8e8e8;border-right:none}
.techer_index_content li.on{border-bottom:8px solid #fbc400}
.homePage{background-color:#fbc400}
.homePage .head .info{width:100%;position:relative}
.homePage .head .info .telPhoneIco{position:absolute;right:15px;top:12px}	
.homePage .head .info .telPhoneIco img{border:1px solid #fbc400;border-radius:50%;padding:4px}
.homePage .head .info .logo {width:100%;text-align:center}	
.homePage .head .info .logo img {max-width:100%;height:50px}
.homePage .head{height:54px}	

.newpay_btn{position:absolute;right:10px;color:#ccc;background:none;border:none;top:10px}

.techerUpdateWrap{background-color:#fff;padding:10px}
.techerUpdateWrap li{height:35px;line-height:35px;border-bottom:1px solid #f2f2f2;position:relative;}
.techerUpdateWrap li img{position:absolute;right:0;top:-20px}
.techerUpdateWrap li.li2 img{top:0px}
.techerUpdateWrap li .t{display:inline-block;width:75px;color:#000}
.techerUpdateWrap li.li1{height:50px;line-height:50px;}
.techerUpdateWrap li.li2{height:80px;}
.techerUpdateWrap li.li2 .t{width:150px;margin-top:6px}
.techerUpdateWrap li.li2 .updateImg{top:5px}
.techerUpdateWrap li.last{text-align:center;border:none}
.techerUpdateWrap li.last a{width:95%;border:1px solid #f2f2f2;margin:0 auto;border-radius:3px;margin-top:15px;}
.techerUpdateWrap li .updateImg img{position: static;}
.techerUpdateWrap li .updateImg{position:absolute;right:20px;top:-5px}
.techerUpdateWrap li .updateImg .newphotoStyle{width:50px;height:50px;border-radius:50%}
.techerUpdateWrap li .bewrite{color:#999}
@media only screen and (max-width: 480px){
.techerUpdateWrap li .t{width:55px}
}

.pageCover,
.pageMyname,
.pageMysex,
.pageMySchoolAge,
.pageMyintroduction,
.pageMyidentity,
.pageMyaddress,
.pageMyrange,
.pageMyClassType,
.pageMySchool,
.completed_detailed,
.pageMyRecord,.pageMyword{display:none;height:100%;width:100%;position:absolute;top:0;left:0;z-index:99999;background-color:#fff}
.pageMynameCont{text-align:center;padding-top:40px;padding-left:20px;padding-right:20px}
.pageMynameCont input{border:1px solid #eee;color:#666;border-radius:3px;width:100%;height:35px;line-height:35px}
.pageMynameCont .l_btn{color:#000}
.pageMynameCont p,.pageMysexCont p{margin-bottom:10px}
.pageMysexCont{text-align:center;padding-top:40px;padding-left:20px;padding-right:20px}
.sexType{display:inline-block;border-radius:3px;background-color:#d8d8d8;color:#000;padding:5px 10px;margin:0 5px}
.sexOn{display:inline-block;border-radius:3px;color:#000;padding:5px 10px;margin:0 5px;background-color:#fbc400;}
.tradingWrap{background-color:#fff}
.paikeListWrap{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:99;}

.paikeListWrap,.yhx_kejieWrap,.pageMyintroduction{overflow:auto;/* winphone8和android4+ */-webkit-overflow-scrolling: touch; /* ios5+ */}
.byType,.teachingType{display:inline-block;border-radius:3px;background-color:#d8d8d8;color:#000;padding:5px 10px;margin:0 5px}
.byTypeOn,.teachingTypeOn{display:inline-block;border-radius:3px;color:#000;padding:5px 10px;margin:0 5px;background-color:#fbc400;}

.pageMyintroduction .t{text-align:left;margin:10px 0}
.pageMyintroduction{background-color:#fff;padding-bottom:30px;height:auto}

#paikeList{padding-bottom:60px}
#paikeList li{border-top:10px solid #f2f2f2;padding:10px 0;position:relative}
#paikeList .middleList{margin-top:10px}
#paikeList .timebtn{border-radius:5px;background-color:#fbc400;height:30px;line-height:30px;text-align:center;margin-right:10px}
#paikeList .timebtn2{border-radius:5px;border:1px solid #fbc400;height:30px;line-height:30px;text-align:center;margin-right:10px}
#paikeList .timebtn2 img{vertical-align:middle;margin-top:-3px}
#paikeList .boxrightInfos2{margin-top:15px;position:relative}
#paikeList .num{position:absolute;border:1px solid #fbc400;right:10px;width:20px;height:20px;line-height:20px;text-align:center;top:20px}
#paikeList .boxrightInfos2{width:120px}
.preveDate{position:absolute;top:-40px;left:-5px;font-size:20px;}
.nextDate{position:absolute;top:-40px;right:-5px;font-size:20px}


.pingjiaWrap{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:999999}
.pingjiaWrap .pf_input{border:1px solid #fcd341;width:40px;background-color:#fff;text-indent:5px}
.pingjiaWrap .ul{padding:30px 10px 0 10px}
.pingjiaWrap .ul .li1{float:left;width:49.5%}
.pingjiaWrap .ul .li2{float:right;width:50%;padding-top:20px}
.pingjiaWrap .ul .name{width:75px;text-align:center}
.pingjiaWrap .ul .li2 .xing{margin-top:20px}
.pingjiaWrap .ul .li2 .xing img{margin-right:5px}

.lessonInfWrap{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:999999}
.lessonDataList{margin-top:10px;padding:10px;padding-bottom:0;border-top:10px solid #f7f7f7;line-height:25px}
.lessonInfWrap .boxli{padding-right:0}
.lessonDataNum{height:35px;line-height:35px;border-bottom:1px solid #f4f4f4}
.lessonDataNum .t{font-weight:600;display:inline-block;min-width:70px}
.telImg{vertical-align:middle;height:16px;margin-left:3px;margin-top:-5px}

.teacher_text{padding:0 15px}
.teacher_text .title{border-bottom:1px solid #ccc;line-height:40px;margin-bottom:10px;clear:both;}
.teacher_text .title img{ vertical-align:middle}
.adviceBtn{margin-top:10px}

.updownLesson{position:absolute;right:10px;bottom:10px}
.updownLesson img{margin-left:2px;position:relative;top:3px}
.updownLesson p{margin:5px 0}

.getOutClass{text-align:right;border-top:1px solid #ccc;margin-top:10px;padding-top:10px;}
.getOutClass span{display:inline-block;padding:5px 15px;border:1px solid #dfc25c;border-radius:3px}
.pingjiaBtn{display:block;padding:0 15px;margin-top:15px;height:30px;line-height:30px;border:1px solid #dfc25c;border-radius:3px}

#nav .navdiv2{width:auto;text-align:center} 

.completed_detailed{}
.com_pj_list{background-color:#f2f2f2;}
.com_pj_list .conwrap{background-color:#fff;padding:10px;border:1px solid #fac70f;}
.com_pj_list li{padding:10px;background-color:#fff;margin-bottom:15px}
.com_pj_list .n{ display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border:1px solid #fbc400;}
.com_pj_list .eal{display:inline-block;width:18px;text-align:center;font-size:16px}
.com_pj_list .cont{margin-top:10px}


#cropper{background:url(../img/default.png) no-repeat 0 0;background-size:100% 100%}

.classtypelist{width:30%;float:left;}
.classtypelist li{height:37px;line-height:37px;text-align:center;background-color:#f5f5f5;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.classtypelist li.on{background-color:#fff;border-right:0;color:#fdd351}
.classtypenum{float:left;width:69%;display:none;}
.classtypenum .t{height:37px;line-height:37px;margin-left:4%}
.classtypenum li{float:left;border:1px solid #ebebeb;border-radius:3px;width:45%;height:37px;line-height:37px;margin-left:4%;text-align:center;margin-bottom:10px}